<div class="container">
  <% if(profile) { %>
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="media">
        <div class="media-left">
        </div>
        <div class="media-body">
          <% if(profile.isHtml) { %>
          <%- profile.guide %>
          <% } else { %>
          <div class='<%=config.mdType%>-body'>
          <%- markdown(profile.guide) %>
          </div>
          <% } %>
        </div>
      </div>
    </div>
  </div>
  <% } %>
  <div class="row home-icons hidden-sm hidden-xs">
    <% if (blocks && blocks.length > 0) { %>
    <% blocks.forEach(function(item, index) {%>
    <div class="col-md-3">
      <% var itemN = 'item' + ++index %>
      <div class="item <%= itemN %>">
        <div class="icon">
          <a href="<%= item.href %>">
          <%- item.icon %>
          </a>
        </div>
        <div class="text">
          <a href="<%= item.href %>">
            <%= item.value %>
            <i class="pull-right fa fa-arrow-right"></i>
          </a>
        </div>
      </div>
    </div>
    <% }) %>
    <% } %>
  </div>
  <%- suggestHtml %>
</div>
<script>
  $(document).ready(function() {
    var vue = new Vue({
      el: '#app',
      data: {
      },
      methods: {
      }
    });
  });

</script>
